<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="static/bootstrap-3.3.7/dist/css/bootstrap.css" />
    <script src="static/js/jquery-3.3.1.js"></script>
    <script type="text/javascript" src="static/bootstrap-3.3.7/dist/js/bootstrap.js" ></script>
    <style>
        body{
            background-image: url(static/img/bg.jpg);
            background-repeat: no-repeat;
            background-size: 100%;
        }
        #dv1{
            width: 600px;
            height: 400px;
            /*background-color: #FFFFFF;*/
            background-image: url(static/img/bg.jpg);
            background-repeat: no-repeat;
            background-size: 100%;
            opacity: 0.8;
            border-radius: 9px;

            position: absolute;
            left: 400px;
            top: 150px;
            box-shadow: 6px 9px 12px silver;

        }
        #dv2{
            height: 400px;

            opacity: 1;
            text-align: center;
            margin-top: 60px;
        }

    </style>
</head>
<body>
<div id="dv1">
    <div id="dv2">
        <form class="form-horizontal" method="post" action="logined">
            <h2>流浪宠物领养系统</h2>
            <div class="form-group" style="margin-left: 30px;">
                <label for="inputEmail3" class="col-sm-2 control-label">用户名：</label>
                <div class="col-sm-10">
                    <input name="username" style="width: 80%;" type="text" class="form-control" id="inputEmail3" placeholder="请输入用户名">
                </div>
            </div>
            <div class="form-group" style="margin-left: 30px;">
                <label for="inputPassword3" class="col-sm-2 control-label">密码：</label>
                <div class="col-sm-10">
                    <input name="userpwd" style="width: 80%;" type="password" class="form-control" id="inputPassword3" placeholder="请输入密码">
                </div>
            </div>
            <div class="form-group" style="margin-left: 13px;">
                <div class="col-sm-offset-2 col-sm-10">
                    <div class="checkbox" style="margin-left: -100px;">
                        <label>
                            <input type="checkbox"> 记住密码？
                        </label>
                    </div>
                </div>
            </div>
            <div class="form-group">
                <div class="col-sm-offset-2 col-sm-10" >
                    <button type="submit" class="btn btn-default" style="margin-left: -100px;">登录</button>
                </div>
            </div>
        </form>



    </div>



</div>



</body>
</html>
